<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
    <title>上海华测</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSS Libs -->
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap-switch.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/checkbox3.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/swiper.min.css">
    <!-- CSS App -->
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <link rel="stylesheet" type="text/css" href="../css/themes/flat-blue.css">
    <link rel="stylesheet" type="text/css" href="../css/custom-style.css">

	<script type="text/javascript" src="../js/echarts.min.js"></script>

</head>

<body class="flat-blue">
    <div class="app-container">
        <div class="row content-container">
            <nav class="navbar navbar-default navbar-fixed-top navbar-top">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-expand-toggle">
                            <i class="fa fa-bars icon"></i>
                        </button>
                        <ol class="breadcrumb navbar-breadcrumb">
                            <li class="active">数据记录</li>
                        </ol>
                        <div class="navbar-battery">
                            <img src="../img/battery/stat_sys_battery_80.png"></img>
                        </div>
                        <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">

                            <i class="fa fa-th icon"></i>
                        </button>
                    </div>
                    <ul class="nav navbar-nav navbar-right">
                        <button type="button" class="navbar-right-expand-toggle pull-right visible-xs">
                            <i class="fa fa-times icon"></i>
                        </button>
						<li class="dropdown danger">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-power-off"></i> 电源<span class="caret"></span></a>
                            <ul class="dropdown-menu danger animated fadeInDown">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">重启</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">关机</a></li>
                                <li role="presentation" class="divider"></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">固件升级</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                        	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-file"></i> 主题 <span class="caret"></span></a>
                            <ul class="dropdown-menu animated fadeInDown">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">bootswatch-Cerulean</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">bootswatch-Cosmo</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">bootswatch-Darkly</a></li>
                            </ul>
                        </li>
                        <!-- <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-gear"></i> 设置</a> 
                        </li> -->
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">语言<span class="caret"></span></a>
                            <ul class="dropdown-menu animated fadeInDown">
                                <li><a href="#">中文</a></li>
				                <li><a href="#">English</a></li>
				                <li><a href="#">русский</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <div class="side-menu sidebar-inverse">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="side-menu-container">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">
                                <div class="icon fa fa-paper-plane"></div>
                                <div class="title">上海华测</div>
                            </a>
                            <button type="button" class="navbar-expand-toggle pull-right visible-xs">
                                <i class="fa fa-times icon"></i>
                            </button>
                        </div>
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="index.html">
                                    <span class="icon fa fa-tachometer"></span><span class="title">接收机状态</span>
                                </a>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-element">
                                    <span class="icon fa fa-map-marker"></span><span class="title">卫星</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-element" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="map/map_local.html">卫星跟踪表</a>
                                            </li>
                                            <li><a href="map/map_baidu.html">卫星设置</a>
                                            </li>
                                            <li><a href="map/map_google.html">谷歌地图</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-element">
                                    <span class="icon fa fa-map-marker"></span><span class="title">地图</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-element" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="map/map_local.html">本地地图</a>
                                            </li>
                                            <li><a href="map/map_baidu.html">百度地图</a>
                                            </li>
                                            <li><a href="map/map_google.html">谷歌地图</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-element">
                                    <span class="icon fa fa-desktop"></span><span class="title">UI Kits</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-element" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="ui-kits/theming.html">Theming</a>
                                            </li>
                                            <li><a href="ui-kits/grid.html">Grid</a>
                                            </li>
                                            <li><a href="ui-kits/button.html">Buttons</a>
                                            </li>
                                            <li><a href="ui-kits/card.html">Cards</a>
                                            </li>
                                            <li><a href="ui-kits/list.html">Lists</a>
                                            </li>
                                            <li><a href="ui-kits/modal.html">Modals</a>
                                            </li>
                                            <li><a href="ui-kits/alert.html">Alerts & Toasts</a>
                                            </li>
                                            <li><a href="ui-kits/panel.html">Panels</a>
                                            </li>
                                            <li><a href="ui-kits/loader.html">Loaders</a>
                                            </li>
                                            <li><a href="ui-kits/step.html">Tabs & Steps</a>
                                            </li>
                                            <li><a href="ui-kits/other.html">Other</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-table">
                                    <span class="icon fa fa-table"></span><span class="title">Table</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-table" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="table/table.html">Table</a>
                                            </li>
                                            <li><a href="table/datatable.html">Datatable</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-form">
                                    <span class="icon fa fa-file-text-o"></span><span class="title">Form</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-form" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="form/ui-kits.html">Form UI Kits</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- Dropdown-->
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#component-example">
                                    <span class="icon fa fa-cubes"></span><span class="title">Components</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="component-example" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="components/pricing-table.html">Pricing Table</a>
                                            </li>
                                            <li><a href="components/chartjs.html">Chart.JS</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- Dropdown-->
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-example">
                                    <span class="icon fa fa-slack"></span><span class="title">Page Example</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-example" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="pages/login.html">Login</a>
                                            </li>
                                            <li><a href="pages/index.html">Landing Page</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- Dropdown-->
                            <li class="panel panel-default dropdown">
                                <a data-toggle="collapse" href="#dropdown-icon">
                                    <span class="icon fa fa-archive"></span><span class="title">Icons</span>
                                </a>
                                <!-- Dropdown level 1 -->
                                <div id="dropdown-icon" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <ul class="nav navbar-nav">
                                            <li><a href="icons/glyphicons.html">Glyphicons</a>
                                            </li>
                                            <li><a href="icons/font-awesome.html">Font Awesomes</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a href="license.html">
                                    <span class="icon fa fa-thumbs-o-up"></span><span class="title">License</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </nav>
            </div>
            <div class="container-fluid">
                <div class="side-body padding-top">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="step">
                                <ul class="nav nav-tabs nav-justified" role="tablist">
                                    <li role="step" class="active">
                                        <a href="#step1" id="step1-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">
                                            <div class="icon fa fa-truck" style="color:red"></div>
                                            <div class="step-title">
                                                <div class="title">记录设置</div>
                                                <div class="description">正在记录</div>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="step">
                                        <a href="#step2" role="tab" id="step2-tab" data-toggle="tab" aria-controls="profile">
                                            <div class="icon fa fa-credit-card"></div>
                                            <div class="step-title">
                                                <div class="title">FTP推送设置</div>
                                                <div class="description"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="step">
                                        <a href="#step3" role="tab" id="step3-tab" data-toggle="tab" aria-controls="profile">
                                            <div class="icon fa fa-check-circle-o"></div>
                                            <div class="step-title">
                                                <div class="title">FTP推送记录</div>
                                                <div class="description"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li role="step">
                                        <a href="#step4" role="tab" id="step4-tab" data-toggle="tab" aria-controls="profile">
                                            <div class="icon fa fa-check-circle-o"></div>
                                            <div class="step-title">
                                                <div class="title">数据下载</div>
                                                <div class="description"></div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane fade in active" id="step1" aria-labelledby="home-tab">
                                        <div class="panel panel-warning">
                                            <div class="panel-heading">
                                                <h4>账号管理</h4>
                                            </div>
                                            <div class="panel-body">
                                                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal_modify_record">修改</button>
                                                <button type="button" class="btn btn-info" data-toggle="modal" data-target="#modal_checkinfo_record">详情</button>
                                                <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modal_clear_record">清除数据</button>
                                                
                                                <div class="modal fade modal-danger bs-example-modal-sm" id="modal_modify_record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-sm">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                <h4 class="modal-title" id="myModalLabel">修改数据记录</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                                <button type="button" class="btn btn-danger">确定</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

												<div class="modal fade modal-danger bs-example-modal-sm" id="modal_checkinfo_record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-sm">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                <h4 class="modal-title" id="myModalLabel">数据记录详情</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                                <button type="button" class="btn btn-danger">确定</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="modal fade modal-danger bs-example-modal-sm" id="modal_clear_record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-sm">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                <h4 class="modal-title" id="myModalLabel">是否删除数据记录</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                                <button type="button" class="btn btn-danger">确定</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <table class="datatable table-striped" id="id_record_table" cellspacing="0" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>记录编号</th>
                                                            <th>记录名称</th>
                                                            <th>是否开启</th>
                                                            <th>记录状态</th>
                                                        </tr>
                                                    </thead>
                                                    <tfoot>
                                                        <tr>
                                                            <th>记录编号</th>
                                                            <th>记录名称</th>
                                                            <th>是否开启</th>
                                                            <th>记录状态</th>
                                                        </tr>
                                                    </tfoot>
                                                        <!-- <input type="checkbox" data-switch-value="mini" checked data-size="small" data-on-color="success" data-off-color="danger"> -->
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="step2" aria-labelledby="profile-tab">
                                        <div class="panel panel-warning">
                                            <div class="panel-heading">
                                                <h4>FTP推送设置</h4>
                                            </div>
                                            <div class="panel-body">
                                                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal_modify_ftp_setting">修改</button>
                                                
                                                <div class="modal fade modal-danger bs-example-modal-sm" id="modal_modify_ftp_setting" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-sm">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                                <h4 class="modal-title" id="myModalLabel">修改FTP推送</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                                <button type="button" class="btn btn-danger">确定</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <table class="datatable table-striped" id="id_ftp_setting_table" cellspacing="0" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th>服务器编号</th>
                                                            <th>服务器地址</th>
                                                            <th>远程目录</th>
                                                            <th>服务器描述</th>
                                                        </tr>
                                                    </thead>
                                                    <tfoot>
                                                        <tr>
                                                            <th>服务器编号</th>
                                                            <th>服务器地址</th>
                                                            <th>远程目录</th>
                                                            <th>服务器描述</th>
                                                        </tr>
                                                    </tfoot>
                                                        <!-- <input type="checkbox" data-switch-value="mini" checked data-size="small" data-on-color="success" data-off-color="danger"> -->
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="step3" aria-labelledby="dropdown1-tab">
                                        
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade" id="step4" aria-labelledby="dropdown1-tab">
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="app-footer">
            <div class="wrapper">
                <span class="pull-right">1.0 <a href="#"><i class="fa fa-long-arrow-up"></i></a></span> © 2015 Copyright.上海华测导航技术股份有限公司
            </div>
        </footer>
        <div>
            <!-- Javascript Libs -->
            <script type="text/javascript" src="../lib/js/jquery.min.js"></script>
            <script type="text/javascript" src="../lib/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="../lib/js/Chart.min.js"></script>
            <script type="text/javascript" src="../lib/js/bootstrap-switch.min.js"></script>
            <script type="text/javascript" src="../lib/js/jquery.matchHeight-min.js"></script>
            <script type="text/javascript" src="../lib/js/jquery.dataTables.min.js"></script>
            <script type="text/javascript" src="../lib/js/dataTables.bootstrap.min.js"></script>
            <script type="text/javascript" src="../lib/js/select2.full.min.js"></script>
            <script type="text/javascript" src="../lib/js/ace/ace.js"></script>
            <script type="text/javascript" src="../lib/js/ace/mode-html.js"></script>
            <script type="text/javascript" src="../lib/js/ace/theme-github.js"></script>
            <script type="text/javascript" src="../lib/js/swiper.jquery.min.js"></script>
            <!-- Javascript -->
            <script type="text/javascript" src="../js/app.js"></script>
            <script type="text/javascript" src="../js/data_record.js"></script>
</body>

</html>
